<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我的上报事件</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <script src="../../layui/layui.js"></script>
</head>
<body>
<div class="site-text" style="margin: 5%; display: none" id="check"  target="test123">
    <form class="layui-form" lay-filter="FormLoad" id="event">
        <table border='1px' width='100%' cellpadding='0' id="used">
        </table>
        <div class="layui-form-item" id="button" style="display: none">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="save1">暂存</button>
                <button class="layui-btn" lay-submit lay-filter="save2">提交</button>
            </div>
        </div>
    </form>
</div>

<form class="layui-form" style="margin: 20px;text-align:left ">
    <div class="layui-form-item" style="">
        <div class="layui-inline" style="margin-top: 10px">
            <div class="layui-input-block" >
                <button class="layui-btn" lay-submit lay-filter="*">查询</button>
            </div>
        </div>
        <div class="layui-inline" style="margin-top: 10px">
            <label class="layui-form-label">状态查询： </label>
            <div class="layui-input-inline" >
                <select name="modules" id="test" lay-filter="test" lay-search="" lay-verify="">
                    <option value="0" selected>无</option>
                    <option value="1">草稿</option>
                    <option value="2">已提交</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="margin-top: 10px">
            <label class="layui-form-label">事件种类： </label>
            <div class="layui-input-inline" >
                <select name="modules" id="test0" lay-filter="test0" lay-search="" lay-verify="">
                    <option value="0" selected>无</option>
                    <option value="1">行政后勤不良事件</option>
                    <option value="2">治安不良事件</option>
                    <option value="3">用药错误不良事件</option>
                    <option value="4">用药临界差错事件</option>
                    <option value="5">药物不良反应事件</option>
                    <option value="6">医疗器械不良事件</option>
                    <option value="7">输血不良反应事件</option>
                    <option value="8">医院感染病例</option>
                    <option value="9">化妆品不良事件</option>
                    <option value="10">职业暴露登记表</option>
                    <option value="11">护理不良事件</option>

                </select>
            </div>
        </div>
                <div class="layui-inline" style="margin-top: 10px">
                    <label class="layui-form-label">伤害程度： </label>
                    <div class="layui-input-inline" style="">
                        <select name="modules" id="test1" lay-filter="test1" lay-search="" lay-verify="">
                            <option value="0" selected>无</option>
                            <option value="1">A,没有，仅有导致伤害的潜在因素，存在不安全条件</option>
                            <option value="2">B.没有，事件差一点导致伤害但被及时避免，有可能导致伤害但没有延及病人</option>
                            <option value="3">C.没有，事件延及病人但没有造成伤害</option>
                            <option value="4">D、是的，一般伤害(密切监护，积极干预后对病人未造成不良后果)</option>
                            <option value="5">E、其他</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline" style="margin-top: 10px">
                    <label class="layui-form-label">部门： </label>
                    <div class="layui-input-inline" style="" >
                        <select name="modules" id="test2" lay-filter="test2" lay-search="" lay-verify="">
                            <option value="0" selected>无</option>
                            <option value="1">A,没有，仅有导致伤害的潜在因素，存在不安全条件</option>
                            <option value="2">B.没有，事件差一点导致伤害但被及时避免，有可能导致伤害但没有延及病人</option>
                            <option value="3">C.没有，事件延及病人但没有造成伤害</option>
                            <option value="4">D、是的，一般伤害(密切监护，积极干预后对病人未造成不良后果)</option>
                            <option value="5">E、其他</option>
                        </select>
                    </div>
                </div>
        <div class="layui-inline" style="margin-top: 10px">
            <label class="layui-form-label">提交时间： </label>
            <div class="layui-input-inline" style="" >
                <input name="name" value="无" id="test3" type="text" class="layui-input">
            </div>
        </div>
        <div class="layui-inline" style="margin-top: 10px">
            <label class="layui-form-label">处理人： </label>
            <div class="layui-input-inline" style="" >
                <input name="name" value="无" id="test4" type="text" class="layui-input">
            </div>
        </div>
    </div>
</form>
<table id="demo" lay-filter="test"></table>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="select">查看</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="update">修改</a>
</script>

<script type="text/html" id="index">
    {{d.LAY_TABLE_INDEX+1}}
</script>
</body>
<script>

    layui.use(['table','form','jquery','layer','laydate'], function(){
        let table = layui.table;
        let form = layui.form;
        let $ = layui.$;
        let layer = layui.layer;
        let laydate = layui.laydate;
        let router = layui.router();
        laydate.render({
            elem: '#test3' //指定元素
            , type: 'date'
        });
        // 获取地址的中的值
        let user_code=decodeURIComponent(router.search.user_code);
        let user_name=decodeURIComponent(router.search.user_name);
        let dept_code=decodeURIComponent(router.search.dept_code);
        let dept_name=decodeURIComponent(router.search.dept_name);
        // layui data 保存数据
        if( user_code=="undefined"){
            console.log(layui.data('user').userinfo.user_name)
        } else{
            console.log(user_code);
            console.log("地址有值")
            layui.data('user', {
                key: 'userinfo',
                value:
                    {
                        user_name: user_name,
                        user_code: user_code,
                        dept_code:dept_code,
                        dept_name:dept_name
                    }
            });
            console.log(layui.data('user').userinfo.user_name)
        }
        let reporter_code = layui.data('user').userinfo.user_code;
        //表格渲染
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '/Zz/My_event?'+'name='+reporter_code //数据接口
            ,page: false //开启分页
            ,cols: [[ //表头
                {title: '序号', fixed: 'left', fixed: 'left', templet: '#index'}
                ,{field: 'reporter_code', title: '提交人' }
                ,{field: 'event_time', title: '提交时间' }
                ,{field: 'kind_name', title: '事件种类'}
                ,{field: 'status_name', title: '事件状态'}
                ,{field: 'dept_suggestion', title: '科室处理意见'}
                ,{field: 'med_dept_suggestion', title: '医务科处理意见'}
                ,{fixed: 'right', title:'操作', align:'center', toolbar: '#barDemo'}
            ]],
        });
        //监听工具条
        table.on('tool(test)', function(obj){
            let layEvent = obj.event;
            if(layEvent === 'select'){
                // //弹出层
                // let button = document.getElementById("button");
                // button.style.display = "none";
                // layer.closeAll();
                // layer.open({
                //     type: 1 //Page层类型
                //     ,skin: 'layui-layer-molv'
                //     ,area: ['1000px', '800px']
                //     ,title: ['查看不良事件','font-size:18px']
                //     ,shadeClose: true
                //     ,shade: 0 //遮罩透明度
                //     ,maxmin: true //允许全屏最小化
                //     ,content:$("#check")  //弹窗路径
                //     ,success:function(){
                //         $.ajax({
                //             url:"/look?"+'form_code='+obj.data.form_code,
                //             type: 'get',
                //             success:function(data){
                //                 // console.log(data);
                //                 let jsonObj = eval('(' + data + ')'); //获得jsonObj对象
                //                 console.log(jsonObj);
                //                 for (let i=0; i < jsonObj.data.length; i++) {
                //                     $("#used").append("<tr><div class='layui-form-item'><td width='200px'>" + jsonObj.data[i].property_name + "</td><td colspan='5'><input type='text' disabled  placeholder= '' class='layui-input' name='"+jsonObj.data[i].property_en_name+"' value=' " + jsonObj.data[i].detailed_data + "'/></td></div></tr>");
                //
                //                 }
                //             }
                //         });
                //     }
                //
                // });
                // $("#used").empty();
            } else if(layEvent === 'update') {
                // if (obj.data.event_status == 1) {
                //     let button = document.getElementById("button");
                //     button.style.display = "inline";
                //
                //     //弹出层
                //     layer.closeAll();
                //     layer.open({
                //         type: 1 //Page层类型
                //         , skin: 'layui-layer-molv'
                //         , area: ['1000px', '800px']
                //         , title: ['修改不良事件', 'font-size:18px']
                //         , shadeClose: true
                //         , shade: 0 //遮罩透明度
                //         , maxmin: true //允许全屏最小化
                //         , content: $("#check")  //弹窗路径
                //         , success: function () {
                //             $.ajax({
                //                 url: "/look?" + 'form_code=' + obj.data.form_code,
                //                 type: 'get',
                //                 success: function (data) {
                //                     // console.log(data);
                //                     let jsonObj = eval('(' + data + ')'); //获得jsonObj对象
                //                     console.log(jsonObj);
                //                     for (let i = 0; i < jsonObj.data.length; i++) {
                //                         $("#used").append("<tr><div class='layui-form-item'><td width='200px'>" + jsonObj.data[i].property_name + "</td><td colspan='5'><input type=\"text\" placeholder=\"\" class=\"layui-input\" name='" + jsonObj.data[i].property_en_name + "' value=' " + jsonObj.data[i].detailed_data + "'/></td></div></tr>");
                //                     }
                //                 }
                //             });
                //         }
                //         , end: function () {
                //             button.style.display = "none";
                //         }
                //     });
                //
                //     form.on('submit(save1)', function (data) {
                //         layer.confirm('确定暂存吗？', {
                //             btn: ['确认', '取消'] //按钮
                //         }, function () {
                //
                //             let event = document.getElementById("event").firstElementChild.firstElementChild;
                //             console.log("123");
                //             console.log(event);
                //             console.log(obj.data.form_code);
                //             let json = {};
                //             let newObj = "";
                //             console.log(event.childNodes[0].childNodes[1].firstChild.name);
                //             for (let i = 0; i < event.childNodes.length; i++) {
                //                 newObj = event.childNodes[i].childNodes[1].firstChild.name;
                //                 json[newObj] = event.childNodes[i].childNodes[1].firstChild.value;
                //             }
                //             json.form_code = obj.data.form_code;
                //             json.status = "1";
                //             console.log(json);
                //             console.log("123");
                //
                //             $.ajax({
                //                 url: '/event/event_update',
                //                 type: "POST",
                //                 data: json,
                //                 success: function (index) {
                //                     layer.msg("修改成功");
                //                     button.style.display = "none";
                //                     location.reload();
                //                 }
                //             })
                //
                //         }, function () {
                //         });
                //         console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
                //         return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
                //     });
                //
                //     form.on('submit(save2)', function (data) {
                //
                //         layer.confirm('确定提交吗？', {
                //             btn: ['确认', '取消'] //按钮
                //         }, function () {
                //
                //             let event = document.getElementById("event").firstElementChild.firstElementChild;
                //             console.log("123");
                //             console.log(event);
                //             console.log(obj.data.form_code);
                //             let json = {};
                //             let newObj = "";
                //             console.log(event.childNodes[0].childNodes[1].firstChild.name);
                //             for (let i = 0; i < event.childNodes.length; i++) {
                //                 newObj = event.childNodes[i].childNodes[1].firstChild.name;
                //                 json[newObj] = event.childNodes[i].childNodes[1].firstChild.value;
                //             }
                //             json.form_code = obj.data.form_code;
                //             json.status = "2";
                //             console.log(json);
                //             console.log("123");
                //
                //             $.ajax({
                //                 url: '/event/event_update',
                //                 type: "POST",
                //                 data: json,
                //                 success: function (index) {
                //                     layer.msg("修改成功");
                //                     button.style.display = "none";
                //                     location.reload();
                //                 }
                //             })
                //
                //         }, function () {
                //         });
                //         console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
                //         return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
                //     });
                //     $("#used").empty();
                // } else {
                //     layer.open({
                //         title: '警告'
                //         , content: '你已提交，不可更改'
                //         , yes: function (index, layero) {
                //             location.reload();
                //         }
                //     });
                // }
            }

        });
        let number = ["无", "无", "无", "无","无","无"];
        //选择框监听
        form.on('select(test)', function (data) {
            // number[0] = data.elem[data.elem.selectedIndex].text;
            if (data.value == 0)
                number[0] = "无";
            else
                number[0] = data.value;
            console.log(number[0]);
        });
        form.on('select(test0)', function (data) {
            number[1] = data.elem[data.elem.selectedIndex].text;
            console.log(number[1]);
        });
        form.on('select(test1)', function (data) {
            number[2] = data.elem[data.elem.selectedIndex].text;
        });
        form.on('select(test2)', function (data) {
            number[2] = data.elem[data.elem.selectedIndex].text;
        });
        //查询按钮监听
        form.on('submit(*)', function (data) {
            let i = 0;
            console.log(data);
            number[3] = data.field.name;
            // while(number[i]!=null)
            // {
            //     console.log(number[i]);
            //     i++;
            // }
            table.render({
                elem: '#demo'
                ,
                height: 312
                ,
                url: '/Zz/My_event/select?' +'name='+reporter_code+'&status='+number[0]+'&kind_name=' + number[1] //数据接口
                ,
                page: false //开启分页
                ,
                cols: [[ //表头
                    {title: '序号', fixed: 'left', fixed: 'left', templet: '#index'}
                    ,{field: 'reporter_code', title: '提交人' }
                    ,{field: 'event_time', title: '提交时间' }
                    ,{field: 'kind_name', title: '事件种类'}
                    ,{field: 'status_name', title: '事件状态'}
                    ,{fixed: 'right', title:'操作', align:'center', toolbar: '#barDemo'}
                ]]
            });
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
        //表单重载
        form.render();
    });
</script>
</html>